// components/search/search.js
Component({

  options: {
    multipleSlots: true // 在组件定义时的选项中启用多slot支持
  },

  /**
   * 组件的属性列表
   */
  properties: {
    inputVal: String,
    inputShowed: Boolean
  },


  /**
   * 私有数据,组件的初始数据
   * 可用于模版渲染
   */
  data: {
    // inputShowed: false,
    // inputVal: ""
  },

  /**
   * 组件的方法列表
   * 更新属性和数据的方法与更新页面数据的方法类似
   */
  methods: {
    showInput: function () {
      this.setData({
        inputShowed: true
      });
    },
    hideInput: function () {
      this.setData({
        inputVal: "",
        inputShowed: false
      });
    },
    clearInput: function () {
      this.setData({
        inputVal: ""
      });
    },
    inputTyping: function (e) {
      this.setData({
        inputVal: e.detail.value
      });
    },    
    inputConfirm: function() {
      console.log('input confirm ', this.data.inputVal)
      
      this.triggerEvent('searchGoods',this.data.inputVal);   
    }
  }
})
